<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>生活服务</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
    <style>
        a {
            text-decoration: none;
        }
        /*设置内容区样式*/
        body {
            background:white !important;
        }
       
        #news ul li a.active {
            background-color: #d9e4e9;
        }
        #inEc ul,.ecinfoList {
            padding-top: 5px;
            text-align: center;
        }
        .ecinfoList li, #inEc ul li, #adlist li {
            text-align: center;
            float: left;
            width: 20%;
            background-color: #fff;
           	margin:5px  0;
         	padding:0 2%;
        }
        .ecinfoList li img, #inEc ul li img, #adlist li img {
           width:80%;
           margin-left:10%;
        }
		h3 {
            width: 100%;
            background: #EEEEEE;
            line-height: 40px;
            height:40px;
            font-weight: 500;
            font-size:16px;
            text-indent:1em;
        }
        h4 {
            width:100%;
            text-align: center;
            margin: 0;
            padding: 0;
            height: 20px;
            font-size:16px;
            font-weight: 500;
        }
        #adlist{
            padding-top: 5px;
            height: 110px;
            text-align: center;
            margin-left:2%;
            /*background: red;*/
        }
        *{
            margin: 0;
            padding: 0;
        }
        body{
            overflow-x:hidden;
        }
        #slide ul{
            height: 150px;
        }
        #slide a{
            display: block;
            float: left;
        }
        #slide img{
            width: 100%;
            height: 100%;
        }
        #showInfo b{
            width: 8px;
            height: 8px;
            display: block;
            border:1px solid black;
            border-radius: 8px;
            float: left;
            background: blue;
            position: absolute;
        }
        #lunbo{
            position: relative;
            height: 150px;
            overflow: hidden;
        }
        #divLeft{
            width: 20px;
            height: 20px;
            position: absolute;
            z-index: 666;
        }
        #divRight{
            width: 20px;
            height: 20px;
            position: absolute;
            z-index: 666;
            left: 100%;
            margin-left: -20px;
        }
     /*slide*/
 .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    .swipe-wrap > figure {
    	height:130px;
        float: left;
        width: 100%;
        position: relative;
    }
    #slider {
        margin: 0px auto; /* 居中对齐 */
    }

    figure {
        margin: 0;/* 对齐，四周宽度都为0，在轮播的时候，以整张图片进行移动 */
    }
    .swipe-wrap img {
		height: 130px;
		width: 100%;
	}
    nav{
	    position: absolute;
		right: 10px;
		bottom: 12px;
		overflow: hidden;
    }
    #position {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0
    }
    #position li {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #141414;
        margin: 0 2px;
        cursor: pointer;
        float: left;
    }
    #position li.on {
        background-color: #1293dc;
    }
    .ecinfoList h4{
        display: none;
         width:80%;
    	margin-left:15%;
    	font-size:12px;
    	color:#999;
    }
    #inEc h4{
    	margin-left:4%;
    	font-size:12px;
    	color:#999;
    }
    </style>
</head>
<body>
	<div class="div_loding_img">
		数据加载中
	</div>
<header class="aui-bar aui-bar-nav aui-bar-yunzo" id="aui-header">
		<a class="aui-btn aui-bar-yunzo aui-pull-left" id="back"> <span class="aui-iconfont aui-icon-left"></span></a>
		<div class="aui-title" id="title">
			生活服务
		</div>
	</header>
	<div class="margin_div"></div>
  <!-- 顶部轮播图 -->
     <div id="slider" class="swipe" style="visibility:visible;">
		    <div class="swipe-wrap">
		    </div>
		    <nav>
			    <ul id="position">
			        <li class="on"></li>
			        <li class=""></li>
			        <li class=""></li>
			    </ul>
			</nav>
		</div>
<!--内部电商-->
<div id="inEc">
    <h3>外部服务</h3>
    <ul>
        <li>
            <a><img src="../../image/home/ecinfo/daijia.png" onclick="openthreepage('../third_frame/service_daijia.html')" ><h4>e代驾</h4></a>
        </li>
        <li>
            <a><img src="../../image/home/ecinfo/fanchuan.png" onclick="openthreepage('ecinfo_xiongdanfen.html?infoid=88888888888888888888888888800006&name=帆船')" ><h4>帆船</h4></a>
        </li>
        <li>
            <a><img src="../../image/home/ecinfo/huisuo.png" onclick="openthreepage('ecinfo_jiudian.html?infoid=88888888888888888888888888880003&name=会所')" ><h4>会所</h4></a>
        </li>
        <li>
            <a><img src="../../image/home/ecinfo/jiudian.png" onclick="openthreepage('ecinfo_jiudian.html?infoid=88888888888888888888888888880002&name=星级酒店')" ><h4>星级酒店</h4></a>
        </li>
        <li>
            <a><img src="../../image/home/ecinfo/gaoerfu.png" onclick="openthreepage('ecinfo_xiongdanfen.html?infoid=88888888888888888888888888800007&name=高尔夫')" ><h4>高尔夫</h4></a>
        </li>
    
    </ul>
</div>
<!--最下方的生活服务-->
<div id="inEc">
     <h3>内部服务</h3>
     <ul class="ecinfoList1">
       <!--  <li><a><img src="../../image/home/ecinfo/daijieru1.png" onclick="weijieru('h41')" ><h4 id="h41">待接入</h4></a></li>
         <li><a><img src="../../image/home/ecinfo/daijieru2.png" onclick="weijieru('h42')" ><h4 id="h42">待接入</h4></a></li>
         <li><a><img src="../../image/home/ecinfo/daijieru3.png" onclick="weijieru('h43')" ><h4 id="h43">待接入</h4></a></li>
         <li><a><img src="../../image/home/ecinfo/daijieru4.png" onclick="weijieru('h44')" ><h4 id="h44">待接入</h4></a></li> --> 
     </ul>
</div>

<script src="../../script/jquery-1.10.2.min.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/swipe.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	goback("../main.html");
	getaAd();
	getservice();
});
function getservice()
{
	if($groupid=='e637b7e331894c938765e3e776014cc8')	
	{
		var ecinfo=$(".ecinfoList1");
		var html='<li><a><img src="../../image/home/ecinfo/shiwusuo.png" onclick="openpage(1)"><h4>律师服务</h4></a></li>';
		html+='<li><a><img src="../../image/home/ecinfo/jiaju.png" onclick="openpage(2)" ><h4>盛元怡家</h4></a></li>';
		ecinfo.append(html);
		
	}
}

//获取投放广告
sTart_Stop();
function getaAd() {
	var Post=basedata('adinfo')+"&adtype=3";
	$.ajax({
		url:'../../../api/getadimagebymidlist',
		type:'post',
		data:Post,
		success:function(msg){
			if(msg.code ==100){
				console.log(msg);
				var len=msg.data.length;
				var html='';
				for(var i=0;i<len;i++){
					//html+='<figure><div class="face faceInner"><img src="'+msg.data[i].n2+'" width="100%" height="100%" /></div></figure>';
					html+="<figure><div class='face faceInner'><img src='"+msg.data[i].n2+"' width='100%' height='100%' onclick=\"openpageparam('adinfo.html','adid="+msg.data[i].n0+"')\" /></div></figure>";
				}
				var swipeWrap=$(".swipe-wrap");
				swipeWrap.append(html);
				initSlide();
			}else{
				$("body").append('<div class="wuwang"><img src="../../image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
			}
		}
	});
}

//定制的图片轮播函数
function initSlide() {
	var bullets = document.getElementById('position').getElementsByTagName('li');
	var slider=Swipe(document.getElementById('slider'), {
            auto: 5000,
            continuous: true,
            disableScroll : true,
    		stopPropagation : true,
            callback: function(pos) {
                var i = bullets.length;
                while(i--){
                    bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';
            }
        });
}
function openpage(num)
{
	if(num==1)
	{
		window.location="ecinfo_xiongdanfen.html?infoid=e637b7e110894c938765e3e776014cc8&name=律师服务";
	}
	if(num==2)
	{
		window.location="ecinfo_xiongdanfen.html?infoid=e637b7e331124c938765e3e776014cc8&name=盛元怡家";
	}
}

function openthreepage(htmlName){
    window.location = htmlName;
}
function weijieru(num){
	alert("请联系秘书处接入")
    $('#'+num).fadeIn(1000);
    setTimeout(function(){
        $('#'+num).fadeOut(1000);
    },5000)
}
</script>
</body>
</html>